$(function () {

  // 导出form
  const {form} = layui;

  // 书写用于昵称的校验规则
  form.verify({
    nickName(value) {
      if (value.length > 6) return "用户昵称不能大于6位";
    }
  })

  // ajax请求获取用户的信息
  initUserInfo();

  function initUserInfo() {
    $.ajax({
      url: '/my/userinfo',
      type: 'GET',
      success(res) {
        // 判断了服务器响应回来的status是否等于0
        if (res.status !== 0) {
          return layer.msg(res.message || '获取用户信息失败');
        }

        console.log('成功');

        // 快速的为表单填充数据
        form.val('formUserInfo', res.data);
      }
    })
  }

  // 实现重置功能
  $('#reset').on('click', function (e) {
    // 阻止默认行为
    e.preventDefault();

    // 重新获取数据，覆盖本地数据
    initUserInfo();
  })

//  实现修改功能
  $('.layui-form').on('submit', function (e) {
    //  阻止默认行为
    e.preventDefault();

    //  提交数据
    $.ajax({
      url: '/my/userinfo',
      type: 'POST',
      data: $(this).serialize(),
      success(res) {
        if (res.status !== 0) return layer.msg(res.message || '更新失败');
        layer.msg(res.message || '更新成功');

        // 调用父亲的更新用户信息的方法
        window.parent.getUserInfo()
      }
    })
  })
})
